@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  outline: none; }
a { text-decoration: none; -webkit-transition: ease 0.4s; -moz-transition: ease 0.4s; -ms-transition: ease 0.4s; -o-transition: ease 0.4s; transition: ease 0.4s; }
a:hover { -webkit-transition: ease 0.4s; -moz-transition: ease 0.4s; -ms-transition: ease 0.4s; -o-transition: ease 0.4s; transition: ease 0.4s; }
img { border: none; vertical-align: middle;}
a .img-scale{ -webkit-transition: ease 0.5s; -moz-transition: ease 0.5s; -ms-transition: ease 0.5s; -o-transition: ease 0.5s; transition: ease 0.5s;}
a:hover .img-scale{ -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transition: ease 0.5s; -moz-transition: ease 0.5s; -ms-transition: ease 0.5s; -o-transition: ease 0.5s; transition: ease 0.5s;}
ol, ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
i,em{ font-style: normal;}
.f-fl { float: left; }
.f-fr { float: right; }
.dib{ display: inline-block; *display:inline; *zoom:1;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }
.gradual{animation:gradual 1s;
-webkit-animation:gradual 1s;
-moz-animation:gradual 1s;
-o-animation:gradual 1s;}
@keyframes gradual{
0% { opacity:0;}
90% { opacity:0.9;}
100% { opacity:1;}
}
@-webkit-keyframes gradual{
0% { opacity:0;}
90% { opacity:0.9;}
100% { opacity:1;}
}
@-moz-keyframes gradual{
0% { opacity:0;}
90% { opacity:0.9;}
100% { opacity:1;}
}
@-o-keyframes gradual{
0% { opacity:0;}
90% { opacity:0.9;}
100% { opacity:1;}
}
body { min-width: 1200px; overflow-x:hidden; background-color: #fff; font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei";}
header{width: 100%; height: 85px; overflow: hidden;}
header .header-container{ position:relative; width: 1200px; height: 85px; margin: 0 auto;}
header .header-container .logo{width: 380px; height: 85px; float: left; text-align:left; vertical-align: middle;}
header .header-container .logo span{ height: 100%; vertical-align: middle}
header .header-container .logo img{ max-width: 90%; max-height: 90%; vertical-align: left;}
header .header-container .tel{ position: absolute; right: 0; top: 24px; z-index: 5; font-size: 14px; color: #937455;}
header .header-container .tel span{ font-size: 14px; color: #937455;}
header .header-container .nav{ position: absolute; right: 0; top: 45px; z-index: 5; text-align: right;}
header .header-container .nav a{ display: inline-block; *display:inline; *zoom:1; position: relative; height: 32px; margin-left: 22px; font-size: 14px; color: #6D6B6A; line-height: 32px;}
header .header-container .nav a:after{ display: none;}
header .header-container .nav a:hover{ color: #937455;}
header .header-container .nav a:hover:after{ position: absolute; left: 50%; bottom:0; display: block; width: 5px; height: 5px; margin-left: -2.5px; content: ''; background-color: #937455; border-radius: 100%;}
header .header-container .nav a.active{ color: #937455;}
header .header-container .nav a.active:after{ position: absolute; left: 50%; bottom:0; display: block; width: 5px; height: 5px; margin-left: -2.5px; content: ''; background-color: #937455; border-radius: 100%;}
.banner{width: 100%; overflow: hidden;}
.main_visual{ overflow:hidden;position:relative;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%; position:relative;}
.main_image li a{display:block;width:100%;height:100%}
.main_image li a img{ width:100%; height:100%;}
.main_image li span h3{ width:100%; position:absolute; bottom:0; left:0; text-align:center; font-size:14px; color:#fff; z-index:10000;}
.flicking_con{position:absolute;bottom:0px;left:0;z-index:999;height:25px; width:100%; text-align:center;}
.flicking_con span{ height:22px; display:inline-block; padding:0 0.8rem; border-radius:0.75rem;}
.flicking_con a{width:12px;height:12px;line-height:99em;background:#ffffff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin:5px 2px 0 2px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1; -webkit-transition: ease 0s; -moz-transition: ease 0s; -ms-transition: ease 0s; -o-transition: ease 0s; transition: ease 0s;}
.flicking_con a.on{ width:12px; height:12px; background:#937455; -webkit-transition: ease 0s; -moz-transition: ease 0s; -ms-transition: ease 0s; -o-transition: ease 0s; transition: ease 0s;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:72px!important;height:72px!important;top:50%;margin-top:-36px;}
#btn_prev{display: none;}
#btn_next{display: none;}
.main{ width: 100%; overflow: hidden; background-color: #fff;}
.com-title{ width: 100%; overflow: hidden; margin-top: 20px; text-align: center;}
.com-title h3{ padding-bottom:10px; font-size: 30px; color: #937455;}
.com-title p{ font-size: 16px; color: #666;}
.com-title p a{ position: relative; display: inline-block; *display:inline; *zoom:1; height: 32px; padding:0 5px; font-size: 16px; color: #666; line-height: 32px; cursor: pointer;}
.com-title p a:after{ display: none;}
.com-title p a:hover{ color: #937455;}
.com-title p a:hover:after{ position: absolute; left: 50%; bottom:0; display: block; width: 5px; height: 5px; margin-left: -2.5px; content: ''; background-color: #937455; border-radius: 100%;}
.com-title p a.active{ color: #937455;}
.com-title p a.active:after{ position: absolute; left: 50%; bottom:0; display: block; width: 5px; height: 5px; margin-left: -2.5px; content: ''; background-color: #937455; border-radius: 100%;}
.ind-works{ width: 100%; margin-top: 50px; overflow: hidden; }
.ind-works-title{ width: 1200px; margin: 0 auto; overflow: hidden;}
.ind-works-items{ width: 1200px; margin: 12px auto; overflow: hidden;}
.ind-works-items ul.active{ display: block; overflow: hidden;}
.ind-works-items ul{display: none; width: 1300px;}
.ind-works-items li{display: block; float: left; margin: 0 10px 12px 0; width: 292px; height: 194px; overflow: hidden;}
.ind-works-items li a{display: block; width: 292px; height: 194px; overflow: hidden;}
.ind-works-items li a img{ display: block; width: 100%; height: 100%;}
.ind-works-items li a span{display: block; width: 100%; height: 100%; background-color: rgba(147,116,85,.7); background-color: #937455\9;}
.ind-works-items li a span section{ width: 292px; height: 194px; display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; color: #fff;}
.ind-works-items li a span section strong{ font-size: 16px; color: #fff; font-weight: normal;}
.ind-soft{ width: 100%; overflow: hidden;}
.ind-soft-title{ width: 1200px; margin: 0 auto; overflow: hidden;}
.ind-soft-items{ width: 1200px; margin: 15px auto; overflow: hidden;}
.ind-soft-items ul{ width: 1300px; overflow: hidden;}
.ind-soft-items li{display: block; float: left; width: 151px; height: 160px; padding:0 15px; overflow: hidden; background: url("../images/bg_line.png")/*tpa=http://www.bomazhuangshi.com/Public/static/images/bg_line.png*/ repeat-y 100% 0;}
.ind-soft-items li .name{ width: 100%; height: 18px; overflow: hidden; font-size: 14px; color: #937455; line-height: 18px;}
.ind-soft-items li .brief{ width: 100%; height: 126px; overflow: hidden; font-size: 12px; color: #333; line-height: 18px;}
.ind-intro{ position: relative; width: 100%; height: 415px; overflow: hidden;}
.ind-intro .img{ position: absolute; top: 0; left: 50%; z-index: 2; width: 1920px; height: 415px; margin-left: -960px; overflow: hidden;}
.ind-intro .img img{ width: 1920px; height: 415px;}
.ind-intro .shadow{ position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background-color: rgba(147,116,85,.7); background-color: #937455\9;}
.ind-intro .content{ position: absolute; left: 50%; top: 60px; z-index: 5; width: 842px; margin-left: -421px; overflow: hidden;}
.ind-intro .content .name{ width: 100%; height: 60px; overflow: hidden; font-size: 30px; color: #fff; line-height: 60px; text-align: center;}
.ind-intro .content .name span{ color: #f9af10;}
.ind-intro .content .brief{ width: 100%; height: 100px; margin-top: 25px; overflow: hidden; font-size: 12px; color: #fff; line-height: 20px;}
.ind-intro .content .btns{ width: 100%; margin-top: 60px; overflow: hidden; text-align: center;}
.ind-intro .content .btns .btn-contact{ display: inline-block; *display:inline; *zoom:1; width: 150px; height: 45px; margin: 0 12px; background-color: #f9af10; font-size: 16px; color: #fff; text-align: center; line-height: 45px;}
.ind-intro .content .btns .btn-contact:hover{ opacity: .8;}
.ind-intro .content .btns .btn-more{ display: inline-block; *display: inline; *zoom:1; width: 150px; height: 45px; margin: 0 12px; background-color: #937455; font-size: 16px; color: #fff; text-align: center; line-height: 45px;}
.ind-intro .content .btns .btn-more:hover{ opacity: .8;}
.ind-activity{ width: 100%; overflow: hidden;}
.ind-activity-title{ width: 1200px; margin: 30px auto 0; overflow: hidden;}
.ind-activity-items{ width: 1200px; margin: 25px auto 0; overflow: hidden;}
.ind-activity-items ul{ width: 1300px;}
.ind-activity-items li{ display: block; float: left; width: 371px; height: 318px; margin: 0 43px 20px 0; overflow: hidden;}
.ind-activity-items li .time{ float: left; width: 47px; overflow: hidden;}
.ind-activity-items li .time img{ width: 47px;}
.ind-activity-items li .time p{ padding-top:8px; font-size: 18px; color: #666666;}
.ind-activity-items li .info{ float: left; width: 324px; overflow: hidden;}
.ind-activity-items li .info .img{ width: 100%; height: 188px; overflow: hidden; border:1px dashed #999999;}
.ind-activity-items li .info .img img{ width: 100%; height: 100%;}
.ind-activity-items li .info .name{ width: 100%; height: 46px; overflow: hidden; background: url("../images/bg_line_across.png")/*tpa=http://www.bomazhuangshi.com/Public/static/images/bg_line_across.png*/ repeat-x 0 100%;}
.ind-activity-items li .info .name a{ font-size: 16px; color: #937455; line-height: 46px;}
.ind-activity-items li .info .name a:hover{ color: #937455;}
.ind-activity-items li .info .brief{ width: 100%; height: 40px; margin-top: 10px; overflow: hidden; font-size: 12px; color: #666; line-height: 20px;}
.ind-activity-items li .info .more{ width: 100%; margin-top: 12px; overflow: hidden; text-align: right;}
.ind-activity-items li .info .more a{ font-size: 12px; color: #937455;}
.ind-activity-items li .info .more a:hover{ text-decoration: underline;}
footer{width: 100%; overflow: hidden; background-color: #232323;}
footer .footer-top{ width: 100%; padding:15px 0; overflow: hidden;}
footer .footer-top .content{ width: 1200px; margin: 0 auto; overflow: hidden;}
footer .footer-top .content .contact{ float: left; overflow: hidden;}
footer .footer-top .content .contact h3{ padding-bottom: 10px; font-size: 16px; color: #999999;}
footer .footer-top .content .contact p{ padding:8px 0; font-size: 12px; color: #a2a1a1;}
footer .footer-top .content .contact p img{ margin: 0 10px 3px 0;}
footer .footer-top .content .contact p a{ padding-left: 10px;}
footer .footer-top .content .font{ float: right; margin: 47px 20px 0 0;}
footer .footer-top .content .qr-code{ float: right; width: 100px; overflow: hidden;}
footer .footer-top .content .qr-code h3{ padding:0 0 20px 0; text-align: right; font-size: 16px; color: #999999;}
footer .footer-top .content .qr-code img{ width: 100px; height: 100px;}
footer .footer-top .content .qr-code p{ padding-top: 5px; text-align: center; font-size: 12px; color: #a2a1a1;}
footer .footer-middle{ width: 100%; height: 50px; overflow: hidden; background-color: #937455;}
footer .footer-middle .content{ width: 1200px; height: 50px; margin: 0 auto; line-height: 50px;}
footer .footer-middle .content span{ font-size: 14px; color: #ffffff;}
footer .footer-middle .content a{ display: inline-block; *display:inline; *zoom:1; padding-left: 12px; margin-left: 15px; background: url("../images/icon_dian.png")/*tpa=http://www.bomazhuangshi.com/Public/static/images/icon_dian.png*/ no-repeat 0 50%; font-size: 12px; color: #fff;}
footer .footer-middle .content a:hover{ text-decoration: underline;}
footer .footer-bottom{ width: 100%; overflow: hidden;}
footer .footer-bottom .content{ width: 1200px; margin: 0 auto; overflow: hidden;}
footer .footer-bottom .content .links{ width: 100%; padding: 15px 0; overflow: hidden; background: url("../images/bg_line_across.png")/*tpa=http://www.bomazhuangshi.com/Public/static/images/bg_line_across.png*/ repeat-x 0 100%; font-size: 12px; color: #6b6a6a; line-height: 22px;}
footer .footer-bottom .content .links a{ padding:0 5px; font-size: 12px; color: #6a6a6a;}
footer .footer-bottom .content .links a:hover{ color: #fff;}
footer .footer-bottom .content .cont{ width: 100%; padding:15px 0; overflow: hidden;}
footer .footer-bottom .content .cont .copyright{ float: left; max-width: 920px; font-size: 12px; color: #6b6a6a;}
footer .footer-bottom .content .cont .link{ float: right; text-align: right;}
footer .footer-bottom .content .cont .link span{ padding:0 10px; font-size: 12px; color: #6b6a6a;}
footer .footer-bottom .content .cont .link a{ font-size: 12px; color: #6b6a6a;}
footer .footer-bottom .content .cont .link a:hover{ color: #fff;}
/*内页*/
.ny-banner{ width: 100%; overflow: hidden;}
.ny-banner img{ display: block; width: 100%;}
.ny-menu{ width: 100%; height: 64px; overflow: hidden; background-color: #fff; border-bottom: 1px solid #937455; text-align: center;}
.ny-menu a{ display: inline-block; *display:inline; *zoom:1; height: 64px; padding:0 5px; margin: 0 12px;  font-size: 16px; color:#6D6B6A; line-height: 64px;}
.ny-menu a:hover{border-bottom: 2px solid #937455; color: #937455;}
.ny-menu a.active{border-bottom: 2px solid #937455; color: #937455;}
.about{ width: 100%; overflow: hidden; padding-top:30px;}
.about .about-content{ width: 1200px; margin: 0 auto 20px; overflow: hidden;}
.about .about-content .title{ width: 100%; overflow: hidden;}
.about .about-content .cont{ width: 100%; padding-top:20px; overflow: hidden; font-size: 12px; color: #666666; line-height: 30px;}
.about .about-content .cont img,.about .about-content .cont span,.about .about-content .cont p{ max-width: 100%;}
.team{ width: 100%; overflow: hidden; padding-top:30px;}
.team .team-content{ width: 1200px; margin: 0 auto 20px; overflow: hidden;}
.team .team-content .title{ width: 100%; overflow: hidden;}
.team .team-content .items{ width: 100%; padding-top: 20px; overflow: hidden;}
.team .team-content .items ul{ width: 110%;}
.team .team-content .items li{ display: block; float: left; width: 292px; height: 380px; margin: 0 10px 25px 0; overflow: hidden;}
.team .team-content .items li a{ display: block; width: 100%; height: 100%;}
.team .team-content .items li a .img{ width: 292px; height: 292px; overflow: hidden;}
.team .team-content .items li a .img img{ width: 100%; height: 100%;}
.team .team-content .items li a .name{ width: 100%; padding-top:12px; font-size: 16px; color: #937455;}
.team .team-content .items li a .brief{ width: 100%; height: 40px; padding-top:2px; overflow: hidden; font-size: 12px; color: #666; line-height: 20px;}
.job{ width: 100%; overflow: hidden; padding-top:30px;}
.job .job-content{ width: 1200px; margin: 0 auto 20px; overflow: hidden;}
.job .job-content .title{ width: 100%; overflow: hidden;}
.job .job-content .items{ width: 100%; margin-top: 30px; overflow: hidden;}
.job .job-content .items ul{ display: block; width: 100%; margin: 28px 0; overflow: hidden; border-top:1px solid #cccccc;}
.job .job-content .items li{ position: relative; display: block; width: 100%; padding:12px; overflow: hidden; border-bottom: 1px solid #cccccc; font-size: 12px; color: #666666; }
.job .job-content .items li span{ display: inline-block; *display:inline; *zoom:1; width: 80px;}
.job .job-content .items li strong{ font-size: 12px; color: #937455; font-weight: normal;}
.job .job-content .items li i{ position: absolute; top: 17px; left: 0; z-index: 5; display: block; width: 4px; height: 4px; background-color: #937455; border-radius: 100%;}
.load-more{ display: block; width: 132px; height: 26px; margin: 0 auto 30px; overflow: hidden; background-color: #937455; border-radius: 10px; font-size: 15px; color: #fff; text-align: center; line-height: 26px;}
.load-more:hover{ background-color: #937455;}
.wk-header{ background-color: #937455;}
.wk-header .header-container .tel{ position: absolute; right: 0; top: 24px; z-index: 5; font-size: 14px; color: #fff;}
.wk-header .header-container .tel span{ font-size: 14px; color: #fff;}
.wk-header .header-container .nav{ position: absolute; right: 0; top: 45px; z-index: 5; text-align: right;}
.wk-header .header-container .nav a{ display: inline-block; *display:inline; *zoom:1; position: relative; height: 32px; margin-left: 22px; font-size: 14px; color: #fff; line-height: 32px;}
.wk-header .header-container .nav a:after{ display: none;}
.wk-header .header-container .nav a:hover{ color: #fff;}
.wk-header .header-container .nav a:hover:after{ position: absolute; left: 50%; bottom:0; display: block; width: 5px; height: 5px; margin-left: -2.5px; content: ''; background-color: #fff; border-radius: 100%;}
.wk-header .header-container .nav a.active{ color: #fff;}
.wk-header .header-container .nav a.active:after{ position: absolute; left: 50%; bottom:0; display: block; width: 5px; height: 5px; margin-left: -2.5px; content: ''; background-color: #fff; border-radius: 100%;}
.work-cont-container{ width: 1200px; margin: 0 auto; overflow: hidden;}
.work-title{ position: relative; width: 100%; height: 33px; padding-left:10px; margin-top: 10px; overflow: hidden; border-bottom: 1px solid #937455; font-size: 13px; color: #937455; line-height: 32px; font-weight: 100;}
.work-title i{ position: absolute; top: 10px; left: 0; width: 1px; height: 14px; background-color: #937455;}
.work-title i.second{ left: 3px;}
.design{ width: 100%; padding:5px 0; overflow: hidden; font-size: 12px; color: #666666; line-height: 22px;}
.likes{ width: 100%; padding-bottom:40px; overflow: hidden;}
.likes ul{ width: 150%;}
.likes li{ position: relative; display: block; float: left; width: 550px; height: 37px; padding-left: 13px; margin-right: 100px; overflow: hidden; background: url("../images/bg_line_across.png")/*tpa=http://www.bomazhuangshi.com/Public/static/images/bg_line_across.png*/ repeat-x 0 100%;}
.likes li i{ position: absolute; top: 50%; left: 0; width: 4px; height: 4px; margin-top: -2px; background-color: #937455; border-radius: 100%;}
.likes li a{ display: block; float: left; width: 440px; height: 36px; font-size: 12px; color: #666666; line-height: 36px;}
.likes li a:hover{ color: #937455;}
.likes li span{ float: right; font-size: 12px; color: #999; line-height: 36px; }




.hjry{ width: 100%; overflow: hidden; padding-top:30px;}
.hjry .hjry-content{ width: 1200px; margin: 0 auto 20px; overflow: hidden;}
.hjry .hjry-content .title{ width: 100%; overflow: hidden;}
.hjry .hjry-content .items{ width: 100%; margin-top: 30px; overflow: hidden;}
.hjry .hjry-content .items ul{ display: block; width: 100%; margin: 28px 0; overflow: hidden; border-top:1px solid #cccccc;}
.hjry .hjry-content .items li{ position: relative; display: block; width: 100%; padding:12px; overflow: hidden; border-bottom: 1px solid #cccccc; font-size: 12px; color: #666666; }
.hjry .hjry-content .items li span{ display: inline-block; *display:inline; *zoom:1; width: 80px;}
.hjry .hjry-content .items li strong{ font-size: 12px; color: #937455; font-weight: normal;}
.hjry .hjry-content .items li i{ position: absolute; top: 17px; left: 0; z-index: 5; display: block; width: 4px; height: 4px; background-color: #937455; border-radius: 100%;}